<template>
  	<div class="allCourse">
  		<ul class="list">
  			<li v-for="x in list" :class="{'hasBackImg':x}">
  				<a>
	  				<img src="../../img/4de25b51-1ab1-4c70-8a82-e765a0c7efbb.jpg" width="112" height="77" />
	  				<div>
	  					<h3>预防蛀牙有哪些方法</h3>
	  					<div>
		  					主讲老师: 金老师
	  					</div>
	  					<div :class="{'expiredTime':x,'':x.time}">
		  					开课时间: 2017-9-13
	  					</div>
	  					<p>
	  						<img src="../../image/icon_yuan.png" width="15" height="15" />
	  						<i>999</i>
	  					</p>
	  				</div>
	  				<a class="alreadyJoinBtn">已报名</a>
	  			</a>
  			</li>
		</ul>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				list: [1,2,3]
			}
		},
		components: {
			
		},
		methods: {
		
		},
		created() {
		
		}
	}
</script>
<style lang="scss">
</style>
